<template>
  <!-- App.vue -->
  <v-app>
    <search></search>
    <!--广告-->
    <banner></banner>
    <!--广告-->
    <!--浏览详情-->
    <page-view></page-view>
    <!--浏览详情-->
    <!-- 导航栏 -->
    <slide-navigate></slide-navigate>
    <!-- 导航栏 -->
    <!-- 发帖列表 -->
    <topic-list></topic-list>
    <!--    <tab-bar></tab-bar>-->
  </v-app>
</template>

<script>
import SlideNavigate from './SlideNavigate'
import Banner from "@/components/Banner";
import Search from "@/components/Search";
import PageView from "@/components/PageView"
import TopicList from "@/components/TopicList"

export default {
  components: {Search, SlideNavigate, Banner, PageView, TopicList},
  name: 'Home',
  data: () => ({
    showBox: false
  }),
  props: {
    msg: String
  },
  computed: {},
  mounted() {
    window.addEventListener('focusin', () => {
      // 键盘弹出事件处理
      this.showBox = true;
    });
    window.addEventListener('focusout', () => {
      // 键盘收起事件处理
      this.showBox = false;
    });
  },
  methods: {
    search() {
      alert("hello world!")
    },
    handlerSearchClick: function (e) {
      console.log(e)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>